@charset "utf-8";
@import"commom/rest";

.container-fluid{
    .news{
        padding-top: 40px;
        padding-bottom:84px ;
        .news_title{
            font-size:30px ;
            color: #ff6b08;
            margin-bottom: 35px;
        }
        .mask_news{
            position: relative;
            img{
                width: 302px;
                height: 180px;
                border-radius:6px ;
                  border: 1px solid #eeeeee;
                 
            }
            .mask{
                width: 300px;
                height: 41px;
                background: rgba(0,0,0,.6);
                border-radius:6px ;
                position: absolute;
                left: 16px;
                bottom:-41px;
                opacity: 0;
                 transition: all .3s ease;
                 color: white;
                 padding-left: 16px;
            }
            &:hover .mask{
                bottom: 0;
                opacity: 1;
            }
        }
    }
    .dongtai{
        .magin_bottom_55{
            margin-bottom: 55px;
        }
        .dongtai_img{
            padding-left: 0;
            .border{
                width: 217px;
                height: 133px;
                border: 1px solid #dddddd;
                line-height: 129px;
            }
           .img{
               width: 210px;
               height: 126px;
               margin: 0 auto;
               img{
                   width: 100%;
               }
           }
        }
          .news_title1{
               font-size: 18px;
               margin-bottom: 17px;
           }
           .news_title2{
               color: #ff6900;
           }
           .time{
               font-size: 14px;
           }
           .time2{
               margin-bottom: 14px;
           }
           .time1{
               line-height: 22px;
           }
           .details1{
               a{
                   color:#FFFFFF ;
                   background: #ff6900!important;
               }
           }
           .details{
               a{
                    margin-right: 15px;
                   text-align: center;
                   display: inline-block;
                   width: 98px;
                   height: 32px;
                    border-radius:16px ;
                   line-height: 32px;
                   font-size: 14px;
                  
               }
           }
           .details2{
               a{
                   border: 1px solid #ff6900;
                   color: #ff6900;
               }
           }
           .border_bottom{
               border-bottom: 1px dashed #222222;
               padding-bottom: 63px;
           }
           
           .xiayiye{
               
               list-style: none;
               border: 1px solid #dddddd;
               margin: 0 auto;
               margin-bottom: 25px;
               width: 302px;
               height: 30px;
               border-radius:8px ;
                   -webkit-padding-start: 0;
                 
                   font-size: 0;
               li{
                   display: inline-block;
                   border-right:1px solid #DDDDDD ;
                   height: 29px;
                   line-height: 29px;
                  padding: 0 12px;
                  font-size: 12px;
                  a{
                       font-size: 12px;
                       color: #000000;
                  }
                  &:first-of-type{
                      color:#000000;
                  }
                  &:last-of-type{
                      border-right:none ;
                  }
                  &.flco,
                  &:hover{
                      background: #e34637;
                       border-radius:3px ;
                  }
               }
           }
    }
}
@media only screen and(min-width:768px) and(max-width:991px){
   .container-fluid .news {
    padding-top: 16px;
    padding-bottom: 32px;
}
.container-fluid .news .news_title {
    margin-bottom: 14px;
}
.container-fluid .news .mask_news img {
   width: 216px;
    height: 118px;
}
.container-fluid .news .mask_news .mask{
   width: 216px; 
}
.container-fluid .dongtai .dongtai_img .img {
    width: 195px;
    height: 126px;
}
 .container-fluid .dongtai .magin_bottom_55 {
    margin-bottom: 20px;
} 
.container-fluid .dongtai .time1 {
    height: 69px;
    overflow: hidden;
}
.container-fluid .dongtai .border_bottom {
    padding-bottom: 22px;
}
.container-fluid .dongtai .xiayiye li {
    padding: 0 11px;
    font-size: 14px;
}
}
@media only screen and(min-width:320px) and(max-width:767px){
  .container-fluid .news {
    padding-top: 14px;
    padding-bottom: 20px;
}
.xiaochu{
    display: none;
}
.container-fluid .news .news_title {
    font-size: 20px;
    margin-bottom: 11px;
}
 .container-fluid .news .mask_news img {
     width: 88px;
    height: 44px;
}
.container-fluid .news .mask_news .mask {
    width: 85px;
    height: 26px;
    padding-left: 2px;
    overflow: hidden;
}
.container-fluid .dongtai .dongtai_img .img {
    width: 88px;
    height: 54px;
}
.container-fluid .dongtai .dongtai_img .border {
    width: 92px;
    height: 56px;
    line-height: 53px;
}
.container-fluid .dongtai .news_title1 {
    font-size: 15px;
    margin-bottom: 3px;
    margin-top: 4px;
}
.container-fluid .dongtai .time2 {
  display: none;
}
.container-fluid .dongtai .time1 {
    height: 44px;
    overflow: hidden;
}
.container-fluid .dongtai .xiayiye li {
    height: 29px;
    padding: 0 10px;
    font-size: 12px;
}
.container-fluid .dongtai .xiayiye {
    width: 275px;
}
.container-fluid .dongtai .border_bottom {
    padding-bottom: 102px;
}
  
    
}
